<template>
    <div class="app-container">
      <h4>邀请详情</h4>
      <table
        class="table table-striped table-condenseda table-bordered"
        width="100%"
      >
        <tbody>
          <tr>
            <th width="10px">邀请码</th>
            <td whidth="10px">{{ inviteInfo.invitation }}</td>

           <th width="10px">所属客户</th>
            <td whidth="10px">{{ inviteInfo.client }}</td>
            
          </tr>
          <tr>
            <th>注册时间</th>
            <td>{{ inviteInfo.createTime }}</td>
            <th>手机号</th>
            <td>
              {{ inviteInfo.phone }}
            </td>
          </tr>
          <tr>
            <th>好友姓名</th>
            <td>{{ inviteInfo.inviteUser }}</td>
            <th>邀请收益</th>
            <td>
              <b>{{ inviteInfo.inviteUincome }}</b>
            </td>
       
          </tr>
        </tbody>
      </table>

      <el-row style="text-align:center;margin-top: 40px;">
        <el-button @click="back">
          返回
        </el-button>
      </el-row>
    </div>
  </template>
  <script>

  import '@/styles/show.css'

  import ClientApi from '@/api/charging-pile/cilent'
  
    export default {

    data() {

      return {
        inviteInfo:{},
        //dealInfo:{},
        // lendItemList: [], //投资列表
        // lendReturnList: [], //还款计划列表
       //dealRank:0,
      }
    },
  
    created() {
      console.log(this.$route.params.id)
         if (this.$route.params.id) {
            this.findInviteById()
         }
    },
  
    methods: {
        //查询条件
      findInviteById() {
        ClientApi.findInviteById(this.$route.params.id).then(res => {
          console.log(res);
          this.inviteInfo = res.data.list
          //console.log(fjhgdjkgh);
        })
      },
  
      back() {
        this.$router.push({ path: '/charging-pile/invite' })
      },
    }
  }
  </script>